<template>
    <div class="">
			<dataList
				placeholder="请输入模板名称"
				:pageInfo="pager"
				:listData="tableData"
				:selectData="selectionList"
				searchName="templateName"
				:menuList="[{add:'创建模板'},'delete','export']"
				:filterList="filterList"
				@menu-click="handleMenuClick"
			>
				<el-table :data="tableData" align="center" ref="multipleTable" @selection-change="$event => (selectionList = $event)">
					<el-table-column width="80px" type="selection"></el-table-column>
					<el-table-column label="模板名称" prop="templateName"></el-table-column>
					<el-table-column label="适用项目" prop="project"></el-table-column>
					<el-table-column label="启用状态" prop="state">
						<template slot-scope="scope" >
							<el-switch
								:active-value="1" :inactive-value="0"
								v-model="scope.row.state"
								:disabled="disabled"
								@change="change(scope.row)"
								active-color="#237bb3"
								inactive-color="#909399">
							</el-switch>
						</template>
					</el-table-column>
					<el-table-column label="创建人" prop="createName"></el-table-column>
					<el-table-column label="创建时间" prop="createTime"></el-table-column>
					<el-table-column label="操作">
						<template slot-scope="scope">
							<el-button type="text" @click="showData(scope.row)">预览</el-button>
							<el-button type="text" @click="editData(scope.row)">编辑</el-button>
						</template>
					</el-table-column>
				</el-table>
			</dataList>
        <showData ref="showData"></showData>
        <printData ref="printData"></printData>
    </div>
</template>

<script  src="./index.js">

</script>

